<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //localStorage（H5新增的API）： 本地存储，可以将数据保存到本地浏览器，关闭浏览器也不会消失
      //写 (key,value)
      localStorage.setItem('name', 'xiaoming')
      //对象类型数据，保存时要用JSON.stringify转换为JSON格式的字符串
      const obj = { name: 'xiaoming', age: 20 }
      localStorage.setItem('obj', JSON.stringify(obj))

      //读
      const str = localStorage.getItem('obj')
      console.log(str, JSON.parse(str))
      //访问不存在的key，返回null
      console.log(localStorage.getItem('noexist'))

      //移除
      // localStorage.removeItem('name')

      //移除所有
      // localStorage.clear()

      //关闭浏览器前可以访问，关闭后数据清空
      sessionStorage.setItem('sess', 'token adecjkd')
    </script>
  </body>
</html>
